<template>
  <el-pagination style="margin-top:10px;"
      @size-change="handleSizeChange"
      @current-change="handleCurrentChange"
      :current-page="PageIndex"
      :page-sizes="[10,20,30,40,50,100]"
      :page-size="PageSize"
      layout="total, sizes, prev, pager, next, jumper"
      :total="TotalCount">
    </el-pagination>
</template>

<script>
export default {
    name:'pagination',
    props:{
        PageIndex:{
            require:true,
            type:Number
        },
         PageSize:{
            require:true,
            type:Number
        },
         TotalCount:{
            require:true,
            type:Number
        }
    },
    methods:{
        handleSizeChange(val){
            this.$emit('handleSizeChange',val)
        },
         handleCurrentChange(val){
            this.$emit('handleCurrentChange',val)
        }
    }
}
</script>

<style>

</style>